<template>
    <div class="content-nav">
        <div class="title">
            <span>2000</span>家医院
        </div>
        <ul>
            <li>医生</li>
            <li>美容师</li>
            <li>美容机构</li>
            <li>翻译</li>
            <li>律师</li>
            <li>商家</li>
        </ul>
        <div class="btn">
            <span>1</span>/255
            <Button icon="md-arrow-dropleft" size="small"></Button>
            <Button icon="md-arrow-dropright" size="small"></Button>
        </div>
    </div>
</template>

<script>
    export default {
        name: "ContentNav"
    }
</script>

<style scoped lang="less">
    @import "../../style/style";
    .content-nav{
        margin-top: 30px;
        height: 42px;
        line-height: 42px;
        border-bottom: 1px solid #eaeaea;
        border-top: 1px solid #eaeaea;
        .title{
            float: left;
            width: 9%;
            font-size: 14px;
            color: #333333;
            height: 40px;
            border-bottom: 2px solid @theme-color-dark;
            margin-right: 50px;
         span{
              color: @theme-color-dark;
             font-size: 14px;
         }
        }
        ul{
          width:75%;
            float: left;
            li{
                float: left;
                color: @theme-color-dark;
                font-size: 12px;
                margin-left: 20px;
            }
        }
        .btn{
            width: 10%;
            float: right;
            span{
                color: @theme-color-dark;
            }
        }
    }

</style>